<template>
  <nav class="nav">
    <div class="nav_left">
      <el-link icon="el-icon-house" type="primary" @click="navigateToHome">博客首页</el-link>
    </div>
    <div class="nav_right">
      <!-- <el-link icon="el-icon-edit" type="primary">基础|笔记</el-link> -->
    </div>
  </nav>
</template>

<script>
export default {
  name: "Nav",
  methods:{
    //跳转主页
    navigateToHome() {
      this.$router.push("/home/articleList");
    }
  }
}
</script>

<style lang="less" scoped>
.nav {
  padding: 20px;
  background-color: #fff;
  display: flex;
  align-items: center;
  .nav_left {
  }
  .nav_right {
    display: flex;
    justify-content: space-around;
  }
}
</style>